<template>
  <div id="User">
    <!-- 站内导航 -->
    <div class="TopNav">
      <TopNav></TopNav>
    </div>
    <!-- 菜单 -->
    <div class="LeftMenu">
      <LeftMenu></LeftMenu>
    </div>
    <!-- 右菜单 -->
    <div class="RightMenu">
      <RightMenu></RightMenu>
    </div>
    <!-- 中部菜单 -->
    <div class="MidMenu">
      <MidMenu></MidMenu>
    </div>
    <!-- 页脚 -->
    <div class="Footer">
      <Footer></Footer>
    </div>
  </div>
</template>

<script>
import LeftMenu from '../components/head/LeftMenu'
import RightMenu from "../components/head/RightMenu";
import TopNav from '../components/head/TopNav'
import MidMenu from "../components/head/MidMenu";
import Footer from '../components/foot/Footer'

export default {
  name: 'user',
  components: {LeftMenu, RightMenu, TopNav, MidMenu, Footer},

  data() {
    return {
      searchTip: '站内搜索',
      inputValue: '',
    }
  },
  created() {

  },
  methods: {},
}
</script>

<!-- Add "scoped"  attribute to limit CSS to this component only -->
<style>
#User {
  background: url("src/assets/image/earth_blue.jpg");
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: 100% 100%;
  margin-left: -8px;
  margin-top: -8px;

}

.LeftMenu {
}

.RightMenu {
  float: right;
}

.TopNav {
}


</style>
